import Vue from 'vue'
import App from './App.vue'

//导入Axios
import axios from 'axios'

Vue.config.productionTip = false

new Vue({
    render: h => h(App),
    axios
}).$mount('#app')

//axios的基本使用
//  1 ： Axios url地址的全局配置 , url连接地址 , 超时时间 , 请求头 等等
// axios.defaults.baseURL = 'http://152.136.185.210:8000';
// axios.defaults.timeout = 5;

//=============================================================================
// axios的并发请求

//  1 : 第一种方式
// axios.all([axios({
//     //请求地址
//     url: '/home/multidata'
// }), axios({
//     //请求的地址
//     url: '/home/data',
//     //请求的参数
//     params: {
//         type: 'sell',
//         page: 5
//     }
// })]).then(results => {
//     console.log(results);
// })

// 2 ; 第二中方式
// axios.all([axios({
//     //请求地址
//     url: '/home/multidata',
//     //超时时间
//     timeout: 5
// }), axios({
//     url: '/home/data',
//     // 超时时间 5秒
//     timeout: 5,
//     params: {
//         type: 'sell',
//         page: 5
//     }
//     //接收反馈的响应  res1 第一个请求的响应 res2 第二个请求的响应
// })]).then((res1, res2) => {
//     console.log(res1);
//     console.log(res2);
// })
//
// axios({
//     url: '/categroy'
// })

//=======================================================================
/**
 * 当一个客户端对应多个服务器时 , 所请求的url地址 , 是不一样的 , 如果在设置全局的url , 就会出现问题 ,
 * 所以 , 我们可以创建axios对象 , 一个对象代表一个url , 使用实例 , 就可以发送请求了
 */
//第一个axios实力
// const instroll1 = axios.create({
//     baseURL: '192.168.2.122:8080',
//     timeout: 5
// })

//第二个axios实力
// const instroll2 = axios.create({
//     baseURL: '127.0.0.1:8080',
//     timeout: 5
// })
// //调用第一个实力 , 发送请求
// instroll1({
//     url: '/home'
// }).then(data => {
//     console.log(data);
// }).catch(e => {
//     console.log(e);
// })
// //调用第二个实例 , 发送请求
// instroll2({
//     url: '/home'
// }).then(data => {
//     console.log(data);
// }).catch(e => {
//     console.log(e);
// })

//============================================================================

/**
 * 使用自定义的框架 ,  来发送请求
 */
//导入自定义的框架 ,axios请求框架
import {request} from './network/request'
//导入自定义的框架 ,axios请求框架
import {request1} from './network/request'
//
// //{{ (第一个方式) }}
// //调用 自定义的axios框架 , 来发送请求
// request({
//     //请求的地址
//     url: '/home'
// //    触发成功的回调函数
// }, res => {
//     console.log(res);
// //    触发失败的回调函数
// }, err => {
//     console.log(err);
// })
//=======================================


// {{ (使用第三 , 五种方式 , 常用的方式) }}

request({
    //请求的数据
    url: '/home/multidata'
//    成功的响应
}).then(res => {
    console.log(res);
//    失败的响应
}).catch(err => {
    console.log(err);
})
request1({
    //请求的数据
    url: '/home/multidata'
//    成功的响应
}).then(res => {
    console.log(res);
//    失败的响应
}).catch(err => {
    console.log(err);
})

